Project Shall-We-Health Project Shall-We-Health #4-1 반응형 웹페이지 구현 이번 프로젝트는 Bare Mininum 단계에서 반응형 웹페이지 구현을 목표로 설정했기 때문에 처음에 목업페이지를 만들때부터 염두를 하고 CSS 속성을 정의하였다. 이전에는 흔히 사용하는 태블릿이나 모바일 화면의 width로 미디어쿼리를 사용해서 분기를 나누었는데 불필요하게 나눌 필요가 없다는 생각이 들었다. 처음부터 max-width를 설정하고 width를 %로 주면 따로 미디어쿼리 설정할... toy projectProject Shall-We-HealthProject Shall-We-Health Project Shall-We-Health #4-2 다크 모드/라이트 모드 구현 SR에서 기획했던 Bare Minimum과 Advanced 단계의 목표 중 내가 맡은 파트를 끝내서 Nightmare 중 다크 모드 구현을 하게 되었다. 유저가 다크모드로 변경하면 추후 페이지에 접속하거나 새로고침을 해도 유지가 되어야 하기 때문에 다크모드여부를 따로 저장할 수 있는 공간이 필요했다. state나 redux로 관리하면 새로고침 될때마다 초기화되기 때문에 부적합하고 처음에는 쿠... toy projectProject Shall-We-HealthProject Shall-We-Health
Project Shall-We-Health #4-1 반응형 웹페이지 구현 이번 프로젝트는 Bare Mininum 단계에서 반응형 웹페이지 구현을 목표로 설정했기 때문에 처음에 목업페이지를 만들때부터 염두를 하고 CSS 속성을 정의하였다. 이전에는 흔히 사용하는 태블릿이나 모바일 화면의 width로 미디어쿼리를 사용해서 분기를 나누었는데 불필요하게 나눌 필요가 없다는 생각이 들었다. 처음부터 max-width를 설정하고 width를 %로 주면 따로 미디어쿼리 설정할... toy projectProject Shall-We-HealthProject Shall-We-Health Project Shall-We-Health #4-2 다크 모드/라이트 모드 구현 SR에서 기획했던 Bare Minimum과 Advanced 단계의 목표 중 내가 맡은 파트를 끝내서 Nightmare 중 다크 모드 구현을 하게 되었다. 유저가 다크모드로 변경하면 추후 페이지에 접속하거나 새로고침을 해도 유지가 되어야 하기 때문에 다크모드여부를 따로 저장할 수 있는 공간이 필요했다. state나 redux로 관리하면 새로고침 될때마다 초기화되기 때문에 부적합하고 처음에는 쿠... toy projectProject Shall-We-HealthProject Shall-We-Health